﻿
/*上翻内容*/
.up_box {background:url(../images/up_box_en.png) 0 100% no-repeat;	padding:0px;position:relative;color:#808080;width:306px;height:40px; margin-bottom:3px;}
.up_box h2 {	font-size:14px;	color:#f0f0f0;overflow:hidden;letter-spacing:0px;margin:10px 0 0 11px; font-family: Times New Roman Baltic,Arial Baltic, Verdana;	float:left;}
.up_box .up_line{ float:right; width:248px;height:22px; padding:4px 0 0 0; margin:6px 6px 0 0;  overflow:hidden; }
.up_box .up_line a{ color: #fff;}
.up_box .up_line li{font-size:12px;line-height:20px;list-style:none; margin-left:3px;}

#updiv{height:600px;overflow:hidden;margin:0 auto; width:100%}
#updiv ul{  text-align:center; width:100%;}
#updiv li{ float:none; line-height:16px; width:80%}
#updiv img {width:190px; height:auto; border:1px solid #e0e0e0; }
#updiv img:hover { border:1px solid #FDA659;}

.computer { background:url(../images/comp_screen_en.gif) no-repeat; height:306px; width:306px; padding:1px 0 10px 0; position:relative;margin:0 auto}
.ifocus{MARGIN: 3px 0 0 4px; width:297px;height:297px;visibility:hidden; border:1px dotted #e0e0e0;position:relative;}
.ifocus img{width:297px;height:297px;}

.ibanner{MARGIN: 0px auto;margin-top:-17px;margin-bottom:3px; WIDTH: 100%;height:360px;visibility:hidden; border: 1px #64A0D1 dotted;position:relative;}
.ibanner img{width:890px;height:360px;}

.featureContainer {
	MARGIN: 0px auto;  WIDTH: 930px; POSITION: relative; HEIGHT: 300px; BACKGROUND-COLOR: #f7f7f7; BORDER-RIGHT: #dbdbdb 1px solid; BORDER-LEFT: #dbdbdb 1px solid;BORDER-TOP:#dbdbdb 1px solid;
}
UL#feature {
	DISPLAY: inline; FLOAT: left; WIDTH: 930px; LIST-STYLE-TYPE: none; HEIGHT: 300px; text-align:center; 
}
UL#feature img{
	width:200px;  margin-top:50px
}
UL#feature LI {
	DISPLAY: inline; FLOAT: left; WIDTH: 930px; HEIGHT: 300px
}
LI.feature0 {
	BACKGROUND: url(../images/fc/index_bg0.jpg) no-repeat 0px 0px
}
LI.feature1 {
	BACKGROUND: url(../images/fc/index_bg1.jpg) no-repeat 0px 0px
}
LI.feature2 {
	BACKGROUND: url(../images/fc/index_bg2.jpg) no-repeat 0px 0px
}
LI.feature3 {
	BACKGROUND: url(../images/fc/index_bg3.jpg) no-repeat 0px 0px
}
LI.feature4 {
	BACKGROUND: url(../images/fc/index_bg4.jpg) no-repeat 0px 0px
}
LI.feature5 {
	BACKGROUND: url(../images/fc/index_bg5.jpg) no-repeat 0px 0px
}
.featureBack {
	CLEAR: left; DISPLAY: block; Z-INDEX: 99; BACKGROUND: url(../images/homepage-sprite2.png) no-repeat 0px 0px; LEFT: -19px; WIDTH: 35px; POSITION: absolute; TOP: 129px; HEIGHT: 35px; outline: none
}
.featureBack:hover {
	BACKGROUND-POSITION: 0px -40px
}
.featureNext {
	CLEAR: left; DISPLAY: block; Z-INDEX: 99; RIGHT: -19px; BACKGROUND: url(../images/homepage-sprite2.png) no-repeat -41px 0px; WIDTH: 35px; POSITION: absolute; TOP: 129px; HEIGHT: 35px; outline: none
}
.featureNext:hover {
	BACKGROUND-POSITION: -41px -40px
}

.btnMoreInfo {
	 DISPLAY: block; FONT-SIZE: 0px; BACKGROUND: url(../images/btn_more.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 129px; COLOR: #82aa27; TEXT-INDENT: -999999em; HEIGHT: 33px; POSITION: absolute; TOP: 10%;LEFT: 83%; 
}
.btnMoreInfo:hover {
	BACKGROUND-POSITION: 0px -40px
}

/* content*/

.box {
	background:url(../images/box-bg.gif) 0 100% repeat-x #fff;
	border:1px solid #c3c6c8;
	padding:5px 13px 10px 13px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	position:relative;
	color:#808080;
	margin-bottom: 5px;
	overflow:hidden;
}
.box h2 {
	font-size:14px;
	color:#c85d16;
	overflow:hidden;
	padding:24px 0 26px 61px;
	position:relative;
	
}
.box h2 span {
		display:block;
		border-bottom:1px dotted #c3c6c8;
		position:absolute;
		left:0;
		top:57px;
		width:100%;
		height:1px;
		overflow:hidden;
		z-index:10;
	}
.box h2.icon1 {	background:url(../images/icon1.jpg) no-repeat 0px 0;}
.box h2.icon2 {	background:url(../images/icon2.jpg) no-repeat 0px 0;}
.box h2.icon3 {	background:url(../images/icon3.jpg) no-repeat 0px 0;}

.box .button {
	font-size:12px;
	text-shadow:1px 1px 0 #000;
	color:#fff;
	text-decoration:none;
	padding:8px;
	background:url(../images/button-bg1.gif) 0 0 repeat-x;
	display:inline-block;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;	
	float:right;
}

.box p{ line-height:1.5em; padding-bottom:8px;background:url(../images/arrow6.gif) left top no-repeat; text-indent:17px; word-wrap:break-word;}
.box ul{ overflow:hidden; width:100%; margin-left:12px; text-align:center;}
.box li{ float:left; margin:0 22px 12px 20px; width:140px;}
.box li img{ width:130px; border:1px solid #e0e0e0; padding:2px}
.box li img:hover{border:1px solid #FDA659}



.box1 {
	background:url(../images/box-bg.gif) 0 100% repeat-x #fff;
	border:1px solid #c3c6c8;
	padding:5px 13px 10px 13px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	position:relative;
	color:#808080;
	margin-bottom: 5px;
	overflow:hidden;
}
.box1 h2 {
	font-size:14px;
	color:#c85d16;
	overflow:hidden;
	padding:24px 0 26px 61px;
	position:relative;
	
}
.box1 h2 span {
		display:block;
		border-bottom:1px dotted #c3c6c8;
		position:absolute;
		left:0;
		top:57px;
		width:100%;
		height:1px;
		overflow:hidden;
		z-index:10;
	}
.box1 h2.icon2 {	background:url(../images/icon2.jpg) no-repeat 0px 0;}

.box1 li {
	padding: 0;
	margin: 8px 0;
}

.box1 li a {
	display: block;
	color: #666;
	padding: 0px 18px;
	font-weight: normal;
	text-decoration: none;
	background: url(../images/arrow5.gif) left no-repeat;
}

.box1 li a:hover {
	color: #c85d16;
}


#gray_menu_content_wrapper {
	clear: both;
	padding: 20px 15px 0px 15px;
	margin-top:-23px;
}

#gray_menu_left_sidebar {
	float: left;
	margin-right: 8px;
	width: 30%;
}

#gray_menu_right_sidebar {
	float: right;
	width: 24%;
	margin-left:8px;
}

#gray_menu_content {
	float: right;
	width: 64.5%;	
}

.gray_menu_box {
	margin-bottom: 5px;
	background: url(../images/gray_menu_box_body_en.png) repeat-y right ; border-left:1px dotted #e0e0e0;
	margin-bottom:14px;
}

.gray_menu_box h1 
{
	position: relative;
	margin: 0;
	padding: 4px 0px 16px 8px;
	height:14px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	background: url(../images/gray_menu_box_tr_en.png) no-repeat top right; 
	width:auto;
}
.gray_menu_box h2 {
	position: relative;	
	margin: 0;
	height:14px; 
	padding: 6px 0px 14px 8px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	background: url(../images/gray_menu_box_tr_en1.png) no-repeat top right; 
	width:auto;
}

.gray_menu_box .box_bottom {
	position: relative;
	height: 12px;
	background: url(../images/gray_menu_box_br_en.png) top right;
}

.gray_menu_box .box_bottom span {
	position: absolute;
	width: 10px;
	height: 12px;
	top: 0;
	left: 0;
	/*background: url(../images/gray_menu_box_bl.png);*/
}

.gray_menu_box .side_menu 
{
	padding: 5px 0px 5px 13px;
	list-style: none;	
	margin: 0 5px 0 0;
	overflow:auto;
	border:0px solid red;
}

.gray_menu_box .side_menu li {
	padding: 0;
	margin: 8px 0;
}

.gray_menu_box .side_menu li a {
	display: block;
	color: #666;
	padding: 0px 18px;
	font-weight: normal;
	text-decoration: none;
	background: url(../images/arrow.gif) left no-repeat;
}

.gray_menu_box .side_menu li a:hover {
	color: #c85d16;
}
.gray_menu_box p{ line-height:1.4em; padding:8px}

.gray_menu_box .np_box{ overflow:hidden;width:100%;text-align:center; padding-bottom:22px}
	.gray_menu_box .np_box li { float:left; margin:10px 20px 22px 35px; width:130px; max-height:150px; padding-bottom:7px; line-height:15px }
	.gray_menu_box .np_box li img{ width:130px; height:130px; padding: 2px; border: 1px solid #e0e0e0;}
	.gray_menu_box .np_box img:hover {border: 1px solid #50B5E8; }
	
	
.gray_menu_box .np_box1{ overflow:hidden;width:100%;text-align:center;}
	.gray_menu_box .np_box1 li { float:left; margin:20px 8px 2px 12px; width:130px; max-height:150px; padding-bottom:7px; line-height:15px }
	.gray_menu_box .np_box1 li img{ width:120px; height:120px;  border: 1px solid #e0e0e0;}
	.gray_menu_box .np_box1 img:hover {border: 1px solid #50B5E8; }
